{"componentChunkName":"component---src-pages-index-js","path":"/","result":{"data":{"allStrapiProjects":{"nodes":[{"github":"https://github.com/avshetty1980","id":"Projects_1","description":"\nGENERATED LOREM IPSUM\n5\n \nPARAGRAPHS\n \nCOPY  \nLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Eget mauris pharetra et ultrices neque ornare aenean euismod. Pulvinar pellentesque habitant morbi tristique senectus et netus et malesuada. Vitae auctor eu augue ut lectus arcu. Scelerisque purus semper eget duis at tellus at urna. At consectetur lorem donec massa sapien faucibus et molestie. Lobortis elementum nibh tellus molestie nunc non blandit massa enim. Cras adipiscing enim eu turpis egestas. ","title":"html&css","url":"https://github.com/avshetty1980","image":{"childImageSharp":{"fluid":{"base64":"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAUABQDASIAAhEBAxEB/8QAGQABAAIDAAAAAAAAAAAAAAAAAAQFAQID/8QAFgEBAQEAAAAAAAAAAAAAAAAAAAIB/9oADAMBAAIQAxAAAAGVIcMYVbKuNSpjg//EABsQAQACAgMAAAAAAAAAAAAAAAECEQADEBIT/9oACAEBAAEFAu77WIzjYZsZOsvLyTx//8QAFxEAAwEAAAAAAAAAAAAAAAAAAAEQEf/aAAgBAwEBPwExX//EABcRAAMBAAAAAAAAAAAAAAAAAAABEBH/2gAIAQIBAT8BNd//xAAdEAABAwUBAAAAAAAAAAAAAAAAARExAhIgIUFx/9oACAEBAAY/ArVgck9KtMp3D//EABkQAQADAQEAAAAAAAAAAAAAAAEAESExQf/aAAgBAQABPyENUVOwoDkOhgrc31Nc+VvYK6QKIkWf/9oADAMBAAIAAwAAABDMGL7/xAAYEQACAwAAAAAAAAAAAAAAAAAAARARYf/aAAgBAwEBPxBUbT//xAAYEQACAwAAAAAAAAAAAAAAAAAAARAhYf/aAAgBAgEBPxC0jKf/xAAcEAEAAgMAAwAAAAAAAAAAAAABABEhMUFRsdH/2gAIAQEAAT8QO4MXgOP2K7R6ie4LETeGW3QpgeTAEGt5ItK1fDiDCmUBbiChP//Z","aspectRatio":1,"src":"/static/14c6bf7c20b256c86bf991fcfe8a5b33/14b42/bb46d820a7120da9cc8fcf058d25cfe7.jpg","srcSet":"/static/14c6bf7c20b256c86bf991fcfe8a5b33/f836f/bb46d820a7120da9cc8fcf058d25cfe7.jpg 200w,\n/static/14c6bf7c20b256c86bf991fcfe8a5b33/2244e/bb46d820a7120da9cc8fcf058d25cfe7.jpg 400w,\n/static/14c6bf7c20b256c86bf991fcfe8a5b33/14b42/bb46d820a7120da9cc8fcf058d25cfe7.jpg 800w,\n/static/14c6bf7c20b256c86bf991fcfe8a5b33/47498/bb46d820a7120da9cc8fcf058d25cfe7.jpg 1200w,\n/static/14c6bf7c20b256c86bf991fcfe8a5b33/0e329/bb46d820a7120da9cc8fcf058d25cfe7.jpg 1600w,\n/static/14c6bf7c20b256c86bf991fcfe8a5b33/a4f69/bb46d820a7120da9cc8fcf058d25cfe7.jpg 3237w","sizes":"(max-width: 800px) 100vw, 800px"}}},"stack":[{"id":1,"title":"html"},{"id":2,"title":"css"},{"id":4,"title":"javascript"}]},{"github":"https://github.com/avshetty1980","id":"Projects_3","description":"Urna molestie at elementum eu facilisis sed odio morbi. Proin sed libero enim sed faucibus turpis in. Elementum nisi quis eleifend quam. In aliquam sem fringilla ut morbi. Aliquam sem et tortor consequat id porta nibh. Aliquam sem et tortor consequat id porta nibh venenatis cras. Ipsum dolor sit amet consectetur adipiscing. Sapien faucibus et molestie ac feugiat sed lectus vestibulum mattis. Quisque id diam vel quam elementum.","title":"gatsby project","url":"https://github.com/avshetty1980","image":{"childImageSharp":{"fluid":{"base64":"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAPABQDASIAAhEBAxEB/8QAGQAAAgMBAAAAAAAAAAAAAAAAAAQBAgMF/8QAFAEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEAMQAAAB69l2DEgP/8QAGBABAQEBAQAAAAAAAAAAAAAAAQARAiH/2gAIAQEAAQUCH1C0LkWWcb//xAAUEQEAAAAAAAAAAAAAAAAAAAAQ/9oACAEDAQE/AT//xAAUEQEAAAAAAAAAAAAAAAAAAAAQ/9oACAECAQE/AT//xAAaEAACAgMAAAAAAAAAAAAAAAAAARAREiFB/9oACAEBAAY/AorIT5Gz/8QAGhABAQADAQEAAAAAAAAAAAAAAQARITFBUf/aAAgBAQABPyHBFCY7Gy2PswqeuWAgmg3/2gAMAwEAAgADAAAAECf/AP/EABcRAAMBAAAAAAAAAAAAAAAAAAABESH/2gAIAQMBAT8Qahh//8QAFxEAAwEAAAAAAAAAAAAAAAAAAAERIf/aAAgBAgEBPxBaRn//xAAbEAEAAwADAQAAAAAAAAAAAAABABExIUFxUf/aAAgBAQABPxCg1VplMpyuirgSTFdMr6HC9eHXrb5MDWX1T6k//9k=","aspectRatio":1.3333333333333333,"src":"/static/4c44038e6cf1b87023d34a2fe25eba53/14b42/83a7c583fac1eb24987e376f20903fd9.jpg","srcSet":"/static/4c44038e6cf1b87023d34a2fe25eba53/f836f/83a7c583fac1eb24987e376f20903fd9.jpg 200w,\n/static/4c44038e6cf1b87023d34a2fe25eba53/2244e/83a7c583fac1eb24987e376f20903fd9.jpg 400w,\n/static/4c44038e6cf1b87023d34a2fe25eba53/14b42/83a7c583fac1eb24987e376f20903fd9.jpg 800w,\n/static/4c44038e6cf1b87023d34a2fe25eba53/47498/83a7c583fac1eb24987e376f20903fd9.jpg 1200w,\n/static/4c44038e6cf1b87023d34a2fe25eba53/0e329/83a7c583fac1eb24987e376f20903fd9.jpg 1600w,\n/static/4c44038e6cf1b87023d34a2fe25eba53/ea5a6/83a7c583fac1eb24987e376f20903fd9.jpg 4518w","sizes":"(max-width: 800px) 100vw, 800px"}}},"stack":[{"id":8,"title":"gatsby"},{"id":9,"title":"strapi"},{"id":10,"title":"react"}]},{"github":"https://github.com/avshetty1980","id":"Projects_4","description":"Semper viverra nam libero justo. Ligula ullamcorper malesuada proin libero nunc. Sit amet commodo nulla facilisi nullam vehicula ipsum a. Sit amet facilisis magna etiam tempor orci. Quam id leo in vitae turpis massa sed elementum. Orci phasellus egestas tellus rutrum tellus. Suscipit adipiscing bibendum est ultricies integer quis auctor elit. Dis parturient montes nascetur ridiculus. Sem fringilla ut morbi tincidunt augue interdum. Morbi tristique senectus et netus et malesuada","title":"React Native Project","url":"https://github.com/avshetty1980","image":{"childImageSharp":{"fluid":{"base64":"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAANABQDASIAAhEBAxEB/8QAGAAAAgMAAAAAAAAAAAAAAAAAAAIBAwX/xAAWAQEBAQAAAAAAAAAAAAAAAAACAAH/2gAMAwEAAhADEAAAAcZlhTFYd//EABkQAAIDAQAAAAAAAAAAAAAAAAABAhBBIf/aAAgBAQABBQLZM6a6/8QAFBEBAAAAAAAAAAAAAAAAAAAAEP/aAAgBAwEBPwE//8QAFBEBAAAAAAAAAAAAAAAAAAAAEP/aAAgBAgEBPwE//8QAFBABAAAAAAAAAAAAAAAAAAAAIP/aAAgBAQAGPwJf/8QAGRAAAwADAAAAAAAAAAAAAAAAAAERUXGB/9oACAEBAAE/IXTSGzXTIesp/9oADAMBAAIAAwAAABAY7//EABQRAQAAAAAAAAAAAAAAAAAAABD/2gAIAQMBAT8QP//EABYRAQEBAAAAAAAAAAAAAAAAAAABEf/aAAgBAgEBPxC1r//EABoQAQADAQEBAAAAAAAAAAAAAAEAESFRMUH/2gAIAQEAAT8QAbVbKmGyCfCcKQRdPscF5FYK4T//2Q==","aspectRatio":1.5037593984962405,"src":"/static/7684c28c22f5cebc1a9016c2691399e6/14b42/c20e4e6b65755a18cd761251bf64c4f8.jpg","srcSet":"/static/7684c28c22f5cebc1a9016c2691399e6/f836f/c20e4e6b65755a18cd761251bf64c4f8.jpg 200w,\n/static/7684c28c22f5cebc1a9016c2691399e6/2244e/c20e4e6b65755a18cd761251bf64c4f8.jpg 400w,\n/static/7684c28c22f5cebc1a9016c2691399e6/14b42/c20e4e6b65755a18cd761251bf64c4f8.jpg 800w,\n/static/7684c28c22f5cebc1a9016c2691399e6/47498/c20e4e6b65755a18cd761251bf64c4f8.jpg 1200w,\n/static/7684c28c22f5cebc1a9016c2691399e6/0e329/c20e4e6b65755a18cd761251bf64c4f8.jpg 1600w,\n/static/7684c28c22f5cebc1a9016c2691399e6/6a059/c20e4e6b65755a18cd761251bf64c4f8.jpg 6000w","sizes":"(max-width: 800px) 100vw, 800px"}}},"stack":[{"id":12,"title":"React Native"},{"id":14,"title":"Firebase"}]}]},"allStrapiBlogs":{"nodes":[{"slug":"gatsby-cloud","content":"==Line Breaks==\n\nIn some texts, for instance in poetry and verse, it is often necessary to insert line breaks. Trying to do so with the return key will not give the intended effect as by default the lines will be run together to create a paragraph.\n\n The best laid schemes o' Mice an' Men,\n Gang aft agley,\n An' lea'e us nought but grief an' pain,\n For promis'd joy!\n\nThe above input, using the enter key to insert line breaks will give the following output as such breaks are ignored:\n\n The best laid schemes o' Mice an' Men, Gang aft agley, An' lea'e us nought but grief an' pain, For promis'd joy!\n\nBut by ending each line with two spaces you can force a line break as follows:\n\nThe best laid schemes o' Mice an' Men,<br />\nGang aft agley,<br />\nAn' lea'e us nought but grief an' pain,<br />\nFor promis'd joy!\n\n==Horizontal Rules==\n\nHorizontal rules can be created by placing three or more asterisks (*), hyphens (-) or underscores (_) on a line by themselves.\n\nThis will work:\n\n ***\n\nbut you can add spaces or further characters to make it more obviously a section break in the text editing window e.g.\n\n * * * * *\n\n -------------------------\n\n _ _ _ _ _\n\nAll of these methods give a horizontal rule.\n\n==Tables==\n\nYou can create simple HTML tables with Markdown. Here is an example:\n\n Name    |   Age\n --------|------\n Fred    |   29\n Jim     |   47\n Harry   |   32\n\n{|\n! Name\n! Age\n|-\n| Fred\n| 29\n|-\n| Jim\n| 47\n|-\n| Harry\n| 32\n|}\n\n\nYou can apply normal formatting to the cell contents. Columns can be left or right aligned by adding a colon the left or the right of the horizontal bar (see additional instructions).\n\n==Definition Lists==\n\nDefinition lists consist of terms followed by their definitions. Rather like a dictionary. A simple example is as follows:\n\n Moodle\n :   A well-known online learning platform\n\n PHP\n :   A scripting language.\n    Mostly used for developing interactive web applications.\n\n;Moodle\n:A well-known online learning platform\n;PHP\n:A scripting language. Mostly used for developing interactive web applications.\n\n==Footnotes==\n\nA footnote has two elements. A marker in the text which will become a superscript number and a footnote definition that will appear at the end of the document. Here is a simple example:\n\n Read about it in my book.[^1]\n\n [^1]: All about my book.\n\nYou can place the footnote definitions anywhere you like. They will be listed in the order that they are linked to in the text. You cannot make more than one link to the same footnote.\n\n==Embedding HTML==\n\nIf you are already proficient in HTML then there may be occasions when Markdown does not allow you as much control as you are used to. Luckily Markdown is designed for this eventuality and allows you to embed HTML directly within Markdown formatted text.\n\nNote that the HTML markup co-exists with the Markdown code for bullet lists. This frees you from the mundane task of writing complex HTML for basic formatting features such as paragraphs and lists while still allowing you to access the full power of HTML in specific situations.\n\n==Displaying HTML or Preformatted Text==\n\nIf you wish the HTML you enter to be displayed exactly as you typed it, rather than processed as HTML then you can start each line with four space characters.\n\n<pre><p>A paragraph in <b>HTML</b> displayed as code</p></pre>\n\nThis also works for displaying computer code:\n\n print \"Command-line arguments: (@ARGV)\\n\";\n\nAs this formatting is often used for computer program listings and other text which may plausibly contain the characters that Markdown uses to indicate different types of formatting, Markdown's formatting is switched off for these lines:\n\n Normally this word would be **bold**.\n\nTo include such characters within normal text, see the section below.\n\n==Using Special Characters==\n\nIf you wish to use any of the special characters that trigger Markdown formatting without them being processed simply precede them with a backslash character (\\). This is known as 'escaping' a character. The backslash is not displayed but the character immediately following it is shown, exactly as entered.\n\n \\*asterisks, not emphasis\\*\n\nbecomes\n\n<nowiki>*asterisks, not emphasis*</nowiki>\n\nrather than\n\n *emphasis, not asterisks*\n\nwhich gives\n\n''emphasis, not asterisks''\n\n==See also==\n\n* [[Markdown]]\n\nThe Markdown system is not unique to Moodle, it is used in an ever increasing number of web publishing tools. You can find out more about it at http://daringfireball.net/projects/markdown/\n\nMoodle uses a version of Markdown with additional features known as \"Markdown Extra\". Further information can be found at http://www.michelf.com/projects/php-markdown/extra/ .\n","description":"Vel eros donec ac odio tempor. At urna condimentum mattis pellentesque id. Nec ullamcorper sit amet risus nullam. Faucibus nisl tincidunt eget nullam non. Sodales ut eu sem integer vitae. Fermentum et sollicitudin ac orci phasellus egestas. Non arcu risus quis varius. Diam quis enim lobortis scelerisque. Est sit amet facilisis magna etiam. Elementum pulvinar etiam non quam lacus suspendisse faucibus. In hendrerit gravida rutrum quisque non tellus orci.","date":"30th Nov, 2020","id":"Blogs_5","title":"Gatsby cloud","category":"gatsby","image":{"childImageSharp":{"fluid":{"base64":"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAUABQDASIAAhEBAxEB/8QAGQABAAIDAAAAAAAAAAAAAAAAAAQFAQID/8QAFgEBAQEAAAAAAAAAAAAAAAAAAAIB/9oADAMBAAIQAxAAAAGVIcMYVbKuNSpjg//EABsQAQACAgMAAAAAAAAAAAAAAAECEQADEBIT/9oACAEBAAEFAu77WIzjYZsZOsvLyTx//8QAFxEAAwEAAAAAAAAAAAAAAAAAAAEQEf/aAAgBAwEBPwExX//EABcRAAMBAAAAAAAAAAAAAAAAAAABEBH/2gAIAQIBAT8BNd//xAAdEAABAwUBAAAAAAAAAAAAAAAAARExAhIgIUFx/9oACAEBAAY/ArVgck9KtMp3D//EABkQAQADAQEAAAAAAAAAAAAAAAEAESExQf/aAAgBAQABPyENUVOwoDkOhgrc31Nc+VvYK6QKIkWf/9oADAMBAAIAAwAAABDMGL7/xAAYEQACAwAAAAAAAAAAAAAAAAAAARARYf/aAAgBAwEBPxBUbT//xAAYEQACAwAAAAAAAAAAAAAAAAAAARAhYf/aAAgBAgEBPxC0jKf/xAAcEAEAAgMAAwAAAAAAAAAAAAABABEhMUFRsdH/2gAIAQEAAT8QO4MXgOP2K7R6ie4LETeGW3QpgeTAEGt5ItK1fDiDCmUBbiChP//Z","aspectRatio":1,"src":"/static/14c6bf7c20b256c86bf991fcfe8a5b33/14b42/bb46d820a7120da9cc8fcf058d25cfe7.jpg","srcSet":"/static/14c6bf7c20b256c86bf991fcfe8a5b33/f836f/bb46d820a7120da9cc8fcf058d25cfe7.jpg 200w,\n/static/14c6bf7c20b256c86bf991fcfe8a5b33/2244e/bb46d820a7120da9cc8fcf058d25cfe7.jpg 400w,\n/static/14c6bf7c20b256c86bf991fcfe8a5b33/14b42/bb46d820a7120da9cc8fcf058d25cfe7.jpg 800w,\n/static/14c6bf7c20b256c86bf991fcfe8a5b33/47498/bb46d820a7120da9cc8fcf058d25cfe7.jpg 1200w,\n/static/14c6bf7c20b256c86bf991fcfe8a5b33/0e329/bb46d820a7120da9cc8fcf058d25cfe7.jpg 1600w,\n/static/14c6bf7c20b256c86bf991fcfe8a5b33/a4f69/bb46d820a7120da9cc8fcf058d25cfe7.jpg 3237w","sizes":"(max-width: 800px) 100vw, 800px"}}}},{"slug":"react-hooks","content":"# Advanced Markdown with [David Wells](https://twitter.com/DavidWells)\n\n[Slides -> github.com/DavidWells/advanced-markdown](https://github.com/DavidWells/advanced-markdown/)\n\n## Table of Contents\n<!-- AUTO-GENERATED-CONTENT:START (TOC:collapse=true&collapseText=\"Click to expand\") -->\n<details>\n<summary>\"Click to expand\"</summary>\n\n- [Why markdown?](#why-markdown)\n- [Markdown basics](#markdown-basics)\n- [Advanced Formatting tips](#advanced-formatting-tips)\n  * [`left` alignment](#left-alignment)\n  * [`right` alignment](#right-alignment)\n  * [`center` alignment example](#center-alignment-example)\n  * [`collapse` Sections](#collapse-sections)\n  * [`additional links`](#additional-links)\n  * [Badges](#badges)\n- [Useful packages](#useful-packages)\n- [Useful utilities](#useful-utilities)\n- [How Serverless uses markdown](#how-serverless-uses-markdown)\n  * [DEMO](#demo)\n- [Other Markdown Resources](#other-markdown-resources)\n\n</details>\n<!-- AUTO-GENERATED-CONTENT:END -->\n\n## Why markdown?\n\nMarkdown is a universal doc format that is easy to write and easy to add to a version control system.\n\n- **Open** - Anyone can submit content, fix typos & update anything via pull requests\n- **Version control** - Roll back & see the history of any given post\n- **No CMS lock in** - We can easily port to any static site generator\n- **It's just simple** - No user accounts to manage, no CMS software to upgrade, no plugins to install.\n\n---\n\n## Markdown basics\n\nThe basics of markdown can be found [here](https://guides.github.com/features/mastering-markdown/) & [here](https://daringfireball.net/projects/markdown/). Super easy!\n\n## Advanced Formatting tips\n\n### `left` alignment\n\n<img align=\"left\" width=\"100\" height=\"100\" src=\"http://www.fillmurray.com/100/100\">\n\nThis is the code you need to align images to the left:\n```\n<img align=\"left\" width=\"100\" height=\"100\" src=\"http://www.fillmurray.com/100/100\">\n```\n\n---\n\n### `right` alignment\n\n<img align=\"right\" width=\"100\" height=\"100\" src=\"http://www.fillmurray.com/100/100\">\n\nThis is the code you need to align images to the right:\n```\n<img align=\"right\" width=\"100\" height=\"100\" src=\"http://www.fillmurray.com/100/100\">\n```\n\n---\n\n### `center` alignment example\n\n<p align=\"center\">\n  <img width=\"460\" height=\"300\" src=\"http://www.fillmurray.com/460/300\">\n</p>\n\n```\n<p align=\"center\">\n  <img width=\"460\" height=\"300\" src=\"http://www.fillmurray.com/460/300\">\n</p>\n```\n\n---\n\n### `collapse` Sections\n\nCollapsing large blocks of text can make your markdown much easier to digest\n\n<details>\n<summary>\"Click to expand\"</summary>\nthis is hidden block\n</details>\n\n```\n<details>\n<summary>\"Click to expand\"</summary>\nthis is hidden\n</details>\n```\n\nCollapsing large blocks of Markdown text\n\n<details>\n<summary>To make sure markdown is rendered correctly in the collapsed section...</summary>\n\n 1. Put an **empty line** after the `<summary>` block.\n 2. *Insert your markdown syntax*\n 3. Put an **empty line** before the `</details>` tag\n \n</details>\n\n```\n<details>\n<summary>To make sure markdown is rendered correctly in the collapsed section...</summary>\n\n 1. Put an **empty line** after the `<summary>` block.\n 2. *Insert your markdown syntax*\n 3. Put an **empty line** before the `</details>` tag\n \n</details>\n```\n\n---\n\n### `additional links`\n\n[Website](http://www.serverless.com) • [Email Updates](http://eepurl.com/b8dv4P) • [Gitter](https://gitter.im/serverless/serverless) • [Forum](http://forum.serverless.com) • [Meetups](https://github.com/serverless-meetups/main) • [Twitter](https://twitter.com/goserverless) • [Facebook](https://www.facebook.com/serverless) • [Contact Us](mailto:hello@serverless.com)\n\n```\n[Website](http://www.serverless.com) • [Email Updates](http://eepurl.com/b8dv4P) • [Gitter](https://gitter.im/serverless/serverless) • [Forum](http://forum.serverless.com) • [Meetups](https://github.com/serverless-meetups/main) • [Twitter](https://twitter.com/goserverless) • [Facebook](https://www.facebook.com/serverless) • [Contact Us](mailto:hello@serverless.com)\n```\n\n---\n\n### Badges\n\nI hate them so. Don't use badges.\n\n---\n\n## Useful packages\n\n1. [gray-matter](https://www.npmjs.com/package/gray-matter)\n\n  YAML front-matter is your friend. You can keep metadata in markdown files\n\n  ```\n  title: Serverless Framework Documentation\n  description: \"Great F'in docs!\"\n  menuText: Docs\n  layout: Doc\n  ```\n\n2. [Remark](https://www.npmjs.com/package/remark)\n\n  Useful for rendering markdown in HTML/React\n\n3. [Markdown Magic](https://github.com/DavidWells/markdown-magic)\n\n  - [Repo](https://github.com/DavidWells/markdown-magic)\n  - [Plugins](https://github.com/DavidWells/markdown-magic#plugins)\n  - Show automatic doc generation. [Example 1](https://github.com/DavidWells/markdown-magic/blob/master/examples/generate-readme.js#L15-L23)   | [Example 2](https://github.com/serverless/examples/blob/master/generate-readme.js#L71-L87)\n\n---\n\n## Useful utilities\n\n1. [Schedule Posts](https://github.com/serverless/post-scheduler) - Post scheduler for static sites\n\n  Show DEMO\n\n2. [Zero friction inline content editing](https://jekyll-anon.surge.sh/gods/2015/02/18/vesta.html)\n\n  Show DEMO\n\n3. [Byword](https://bywordapp.com/) & [Typora](https://typora.io/) - Good Editors\n\n4. [Monodraw](https://monodraw.helftone.com/) - Flow charts for days\n\n6. [Kap](https://getkap.co/) - Make gifs\n\n4. [IDE markdown preview](https://atom.io/packages/markdown-preview)\n\n5. Stuck on WordPress? Try [easy-markdown plugin](https://github.com/DavidWells/easy-markdown)\n\n---\n\n## How Serverless uses markdown\n\nServerless.com is comprised of 3 separate repositories\n\n- https://github.com/serverless/blog\n- https://github.com/serverless/serverless | Shoutout to [Phenomic.io](https://phenomic.io/)\n- https://github.com/serverless/site\n\n**Why multiple repos?**\n\n1. We wanted documentation about the framework to live in the serverless github repo for easy access\n2. We wanted our blog content to be easily portable to any static site generator separate from the implementation (site)\n3. `prebuild` npm script pulls the content together & processes them for site build\n\nA single repo is easier to manage but harder for people to find/edit/PR content.\n\n---\n\n### DEMO\n\n- Site structure\n- Serverless build process\n- [Validation](https://github.com/serverless/blog/blob/master/.travis.yml#L10)\n- [Editing Flow](https://serverless.com/framework/docs/providers/aws/cli-reference/deploy/)\n- Github optimizations\n  - [Link from top of each doc to live link on site](https://github.com/serverless/serverless/blob/master/docs/providers/aws/events/schedule.md)\n  - use markdown magic =) to [auto generate tables](https://github.com/serverless/examples) etc\n  - [Hide yaml frontmatter from github folks](https://github.com/serverless/serverless/blame/master/docs/providers/aws/events/schedule.md#L1-L7)\n  - consider linking everything to site\n\n## Other Markdown Resources\n\n- [Verb](https://www.npmjs.com/package/verb) - Documentation generator for GitHub projects\n- [ACSII docs](http://asciidoctor.org/) - Markdown alternative\n","description":"Duis convallis convallis tellus id interdum velit laoreet. Sapien pellentesque habitant morbi tristique. Et odio pellentesque diam volutpat commodo sed egestas egestas fringilla. In ornare quam viverra orci sagittis eu volutpat odio facilisis. Ac felis donec et odio pellentesque diam volutpat commodo sed. Nec tincidunt praesent semper feugiat nibh sed pulvinar proin. Nibh mauris cursus mattis molestie. Varius quam quisque id diam vel. Aliquet nec ullamcorper sit amet.","date":"24th Nov, 2020","id":"Blogs_4","title":"React Hooks","category":"redux","image":{"childImageSharp":{"fluid":{"base64":"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAANABQDASIAAhEBAxEB/8QAGAAAAgMAAAAAAAAAAAAAAAAAAAIBBAX/xAAUAQEAAAAAAAAAAAAAAAAAAAAB/9oADAMBAAIQAxAAAAHGetIsIJ//xAAaEAEAAwADAAAAAAAAAAAAAAABAAIDEBES/9oACAEBAAEFAqZtoYKtLE7Z6eP/xAAWEQADAAAAAAAAAAAAAAAAAAABEBH/2gAIAQMBAT8BEX//xAAUEQEAAAAAAAAAAAAAAAAAAAAQ/9oACAECAQE/AT//xAAYEAADAQEAAAAAAAAAAAAAAAAAATEQUf/aAAgBAQAGPwLhUTK8/8QAGxAAAwACAwAAAAAAAAAAAAAAAAERIVExofH/2gAIAQEAAT8hq5UbITsGEbCRw2eoV7P/2gAMAwEAAgADAAAAEGwP/8QAFhEBAQEAAAAAAAAAAAAAAAAAARAx/9oACAEDAQE/EENJ/8QAFhEBAQEAAAAAAAAAAAAAAAAAARBR/9oACAECAQE/EEyf/8QAGhABAAIDAQAAAAAAAAAAAAAAAQARITFxgf/aAAgBAQABPxAdYwc6uMCeLtFM5MpoFxgGi9RZtS9n/9k=","aspectRatio":1.5151515151515151,"src":"/static/0f30c9887aae107f872a786056a6c9bf/14b42/7ef9b0b9cdd6588029368e599d2e3438.jpg","srcSet":"/static/0f30c9887aae107f872a786056a6c9bf/f836f/7ef9b0b9cdd6588029368e599d2e3438.jpg 200w,\n/static/0f30c9887aae107f872a786056a6c9bf/2244e/7ef9b0b9cdd6588029368e599d2e3438.jpg 400w,\n/static/0f30c9887aae107f872a786056a6c9bf/14b42/7ef9b0b9cdd6588029368e599d2e3438.jpg 800w,\n/static/0f30c9887aae107f872a786056a6c9bf/47498/7ef9b0b9cdd6588029368e599d2e3438.jpg 1200w,\n/static/0f30c9887aae107f872a786056a6c9bf/0e329/7ef9b0b9cdd6588029368e599d2e3438.jpg 1600w,\n/static/0f30c9887aae107f872a786056a6c9bf/5e550/7ef9b0b9cdd6588029368e599d2e3438.jpg 4380w","sizes":"(max-width: 800px) 100vw, 800px"}}}},{"slug":"html-video-tags","content":"# Markdown Cheat Sheet\n\nThanks for visiting [The Markdown Guide](https://www.markdownguide.org)!\n\nThis Markdown cheat sheet provides a quick overview of all the Markdown syntax elements. It can’t cover every edge case, so if you need more information about any of these elements, refer to the reference guides for [basic syntax](https://www.markdownguide.org/basic-syntax) and [extended syntax](https://www.markdownguide.org/extended-syntax).\n\n## Basic Syntax\n\nThese are the elements outlined in John Gruber’s original design document. All Markdown applications support these elements.\n\n### Heading\n\n# H1\n## H2\n### H3\n\n### Bold\n\n**bold text**\n\n### Italic\n\n*italicized text*\n\n### Blockquote\n\n> blockquote\n\n### Ordered List\n\n1. First item\n2. Second item\n3. Third item\n\n### Unordered List\n\n- First item\n- Second item\n- Third item\n\n### Code\n\n`code`\n\n### Horizontal Rule\n\n---\n\n### Link\n\n[title](https://www.example.com)\n\n### Image\n\n![alt text](image.jpg)\n\n## Extended Syntax\n\nThese elements extend the basic syntax by adding additional features. Not all Markdown applications support these elements.\n\n### Table\n\n| Syntax | Description |\n| ----------- | ----------- |\n| Header | Title |\n| Paragraph | Text |\n\n### Fenced Code Block\n\n```\n{\n  \"firstName\": \"John\",\n  \"lastName\": \"Smith\",\n  \"age\": 25\n}\n```\n\n### Footnote\n\nHere's a sentence with a footnote. [^1]\n\n[^1]: This is the footnote.\n\n### Heading ID\n\n### My Great Heading {#custom-id}\n\n### Definition List\n\nterm\n: definition\n\n### Strikethrough\n\n~~The world is flat.~~\n\n### Task List\n\n- [x] Write the press release\n- [ ] Update the website\n- [ ] Contact the media\n","description":"Tellus molestie nunc non blandit massa enim nec. Ut etiam sit amet nisl purus. Accumsan lacus vel facilisis volutpat est. Cursus mattis molestie a iaculis at erat pellentesque adipiscing commodo. Euismod quis viverra nibh cras pulvinar mattis nunc sed. Nulla pharetra diam sit amet. Sit amet volutpat consequat mauris. Erat nam at lectus urna duis convallis convallis tellus id.","date":"21st Nov, 2020","id":"Blogs_3","title":"HTML Video tags","category":"html","image":{"childImageSharp":{"fluid":{"base64":"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAANABQDASIAAhEBAxEB/8QAGAAAAgMAAAAAAAAAAAAAAAAAAAIBAwX/xAAWAQEBAQAAAAAAAAAAAAAAAAACAAH/2gAMAwEAAhADEAAAAcZlhTFYd//EABkQAAIDAQAAAAAAAAAAAAAAAAABAhBBIf/aAAgBAQABBQLZM6a6/8QAFBEBAAAAAAAAAAAAAAAAAAAAEP/aAAgBAwEBPwE//8QAFBEBAAAAAAAAAAAAAAAAAAAAEP/aAAgBAgEBPwE//8QAFBABAAAAAAAAAAAAAAAAAAAAIP/aAAgBAQAGPwJf/8QAGRAAAwADAAAAAAAAAAAAAAAAAAERUXGB/9oACAEBAAE/IXTSGzXTIesp/9oADAMBAAIAAwAAABAY7//EABQRAQAAAAAAAAAAAAAAAAAAABD/2gAIAQMBAT8QP//EABYRAQEBAAAAAAAAAAAAAAAAAAABEf/aAAgBAgEBPxC1r//EABoQAQADAQEBAAAAAAAAAAAAAAEAESFRMUH/2gAIAQEAAT8QAbVbKmGyCfCcKQRdPscF5FYK4T//2Q==","aspectRatio":1.5037593984962405,"src":"/static/7684c28c22f5cebc1a9016c2691399e6/14b42/c20e4e6b65755a18cd761251bf64c4f8.jpg","srcSet":"/static/7684c28c22f5cebc1a9016c2691399e6/f836f/c20e4e6b65755a18cd761251bf64c4f8.jpg 200w,\n/static/7684c28c22f5cebc1a9016c2691399e6/2244e/c20e4e6b65755a18cd761251bf64c4f8.jpg 400w,\n/static/7684c28c22f5cebc1a9016c2691399e6/14b42/c20e4e6b65755a18cd761251bf64c4f8.jpg 800w,\n/static/7684c28c22f5cebc1a9016c2691399e6/47498/c20e4e6b65755a18cd761251bf64c4f8.jpg 1200w,\n/static/7684c28c22f5cebc1a9016c2691399e6/0e329/c20e4e6b65755a18cd761251bf64c4f8.jpg 1600w,\n/static/7684c28c22f5cebc1a9016c2691399e6/6a059/c20e4e6b65755a18cd761251bf64c4f8.jpg 6000w","sizes":"(max-width: 800px) 100vw, 800px"}}}}]}},"pageContext":{}},"staticQueryHashes":["2874580956","3273972983","3945669255"]}